<template>
  <div class="selectedData">
    <el-table :data="tableData" border :height="tableHeight" :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }" highlight-current-row v-if="selectMsg == 'customer' || selectMsg == 'sendGoods' || selectMsg == 'getGoods'">
      <el-table-column type="index" align="center" label=" " width="50"></el-table-column>
      <el-table-column prop="tayNo" label="名称" show-overflow-tooltip></el-table-column>
      <el-table-column prop="tayIeflag" label="联系人" show-overflow-tooltip ></el-table-column>
      <el-table-column prop="cltName" label="联系电话" show-overflow-tooltip ></el-table-column>
    </el-table>
    <el-table :data="tableData" border :height="tableHeight" :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }" highlight-current-row v-if="selectMsg == 'solveMethods'">
      <el-table-column type="index" align="center" label=" " width="50"></el-table-column>
      <el-table-column prop="tayNo" label="名称" width="200px" show-overflow-tooltip></el-table-column>
      <el-table-column prop="tayIeflag" label="有效开始日期" show-overflow-tooltip ></el-table-column>
      <el-table-column prop="cltName" label="有效结束日期" show-overflow-tooltip ></el-table-column>
    </el-table>
    <el-table :data="tableData" border :height="tableHeight" :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }" highlight-current-row v-if="selectMsg == 'workDynamic'">
      <el-table-column prop="tayNo" label="代码" show-overflow-tooltip></el-table-column>
      <el-table-column prop="tayIeflag" label="名称" show-overflow-tooltip ></el-table-column>
      <el-table-column prop="cltName" label="操作类型" show-overflow-tooltip ></el-table-column>
    </el-table>
    <!-- 分页 -->
    <div class="block" v-if="selectMsg != 'workDynamic'">
      <el-pagination
        ref="pagination"
        small
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="Pagination.currentPage"
        :page-sizes="Pagination.pageSizeList"
        :page-size="Pagination.PageSize"
        :layout="Pagination.layout"
        :total="Pagination.total">
      </el-pagination>
    </div>
  </div>
</template>

<script>
import paginationMixin from '@/mixins/pagination'
export default {
  mixins: [paginationMixin],
  data() {
    return {
      tableData: [], // 表格数据
      tableHeight: 300, // 表格高度
    }
  },
  props: {
    selectMsg:{
      type:Object,
      required:true
    },
  },
  mounted() {
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.selectedData {
  width: 100%;
  // height: 500px;
  .block {
    margin-top: 10px;
    ::v-deep .el-input__suffix > .el-input__icon {
      display: none;
    }
  }
}
</style>
